Introduction to Web Development using HTML 5
By: Kris Jamsa, Ph.D.

Chapter 22: Advanced Canvas Programming

By the time you finish this chapter, you will understand the following key concepts:

● How the HTML 5 canvas supports linear and radial gradients
● How to fill a shape with a pattern using an image
● How to apply drop shadows to text and graphics
● How to repeat or appear to move an image across the canvas using image translation
● How to rotate the canvas x and y axis coordinates using image rotation
● How the canvas provides functions that developers can use to directly access the pixels that make up an image

Chapter PowerPoint Presentation


SampleFills.html
LinearGradient.html
RadialGradient.html
PatternShapes.html
ShadowShapes.html
RepeatSquare.html
SlideSquare.html
SampleFills.html
RotatedSquare.html
TumbleSquare.html
GetPut.html
ChangePixels.html